<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<title>Examples1</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/reset.css" rel="stylesheet">
<link href="css/swiper-3.4.0.min.css" rel="stylesheet">
<link href="css/bedroom.css" rel="stylesheet">
<link href="font/iconfont.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<script src="js/phone.js"></script>
</head>
<body>
<!-- 顶部 -->
    <header class="clearfix">
        <a class="fl" onclick="JavaScript:history.back(-1);" style="font-size: .3rem;margin-top: .28rem">
            &nbsp;&lt;返回
        </a>
        <h1 class="fl">
            <i style="font-size: .4rem;" class="iconfont icon-shouye"></i>
            <span>卧室系列</span>
        </h1>
        <a class="fl clearfix" href="personalCenter.html">
            <i style="margin-top: .09rem;" class="user-icon iconfont icon-head fr"></i>
        </a>
    </header>
<!-- 搜索商品   -->
<div class="container">
    <div class="search-good">
        <div class="wrapper">
            <form action="" class="por">
                <span class="poa search-icon iconfont icon-sousuolansousuo"></span>
                <input type="text" placeholder="请输入你想要的商品">
            </form>
        </div>
    </div>
<!-- 展示 -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="img/bedPic.png" alt="">
                <p>卧室展示1</p>
            </div>
            <div class="swiper-slide">
                <img src="img/bedPic2.png" alt="">
                <p>卧室展示2</p>
            </div>
            <div class="swiper-slide">
                <img src="img/bedPic3.png" alt="">
                <p>卧室展示3</p>
            </div>
            <div class="swiper-slide">
                <img src="img/bedPic.png" alt="">
                <p>卧室展示4</p>
            </div>
            <div class="swiper-slide">
                <img src="img/bedPic2.png" alt="">
                <p>卧室展示5</p>
            </div>
            <div class="swiper-slide">
                <img src="img/bedPic3.png" alt="">
                <p>卧室展示6</p>
            </div>
            <div class="swiper-slide">
                <img src="img/bedPic.png" alt="">
                <p>卧室展示7</p>
            </div>
            <div class="swiper-slide">
                <img src="img/bedPic2.png" alt="">
                <p>卧室展示8</p>
            </div>
            <div class="swiper-slide">
                <img src="img/bedPic3.png" alt="">
                <p>卧室展示9</p>
            </div>
            <div class="swiper-slide">
                <img src="img/bedPic.png" alt="">
                <p>卧室展示10</p>
            </div>
        </div>
        <!-- Add Scrollbar -->
        <div class="swiper-scrollbar"></div>
    </div>
<!-- 分割条 -->
    <div class="cut-line">
    </div>
<!-- 热门分类 -->
    <div class="hot">
        <div class="wrapper">
            <div class="title">热门分类</div>
            <div class="bottle por">
                <div class="no1">
                    <div>
                        <img src="img/hot.png" alt="">
                    </div>
                    <div class="price">
                        <p>[韩菲尔] 法式风格 优雅家具-化妆台 优雅荷花白化妆台</p>
                        <p>¥2400.00</p>
                    </div>
                </div>
                <div class="no2 clearfix">
                    <div>
                        <img src="img/hot2.png" alt="">
                    </div>
                    <div class="price">
                        <p>[韩菲尔] 韩式田园 人气 爆款 1.8米象牙白田园双 人床 精美床头饰花公主 床 排骨架床 </p>
                        <p>¥2599.00</p>
                    </div>
                </div>
                <div class="no3 poa"></div>
            </div>
        </div>
        <div class="mBot"></div>
    </div>
</div>
<!-- 底部 -->
    <footer>
        <ul class="clearfix">
            <li>
                <a href="index.html">
                    <div class="footer-icon iconfont icon-shouye-copy"></div>
                    <p>首页</p>
                </a>
            </li>
            <li><a href="furnitureClassify.html">
                <div class="footer-icon iconfont icon-fenlei green"></div>
                <p>分类</p></a>
            </li>
            <li><a href="community.html">
                <div class="footer-icon iconfont icon-shequ"></div>
                <p>社区</p></a>
            </li>
            <li><a href="Carlist.html">
                <div class="footer-icon iconfont icon-iconfontgouwuche"></div>
                <p>购物车</p></a>
            </li>
            <li><a href="customize.html">
                <div class="footer-icon iconfont icon-pan"></div>
                <p>我的定制</p></a>
            </li>
            <li><a href="personalCenter.html">
                <div class="footer-icon iconfont icon-geren"></div>
                <p>个人中心</p></a>
            </li>
        </ul>
    </footer>
<script src="js/swiper-3.4.0.min.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        scrollbar: '.swiper-scrollbar',
        scrollbarHide: true,
        slidesPerView: 'auto',
        // centeredSlides: true,
        spaceBetween: 30,
        grabCursor: true,
        autoHeight:true
    });
</script>
</body>
</html>